<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>业务管理</title>
  <meta name="keywords" content="">
  <meta name="description" content="">
  <meta name="format-detection" content="telephone=no">
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/style.css">
  <script type="text/javascript" src="js/jquery-2.0.3.min.js"></script>
  <script src="js/resize.js"></script>
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">

  <div class="layui-header">
    <div class="layui-logo"><img src="images/logo.jpg" alt="思联画饰"></div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <!-- <div class="nav-bar">
        <span>业务管理</span>
    </div> -->
    <ul class="layui-nav layui-layout-right">
      <!-- <li class="layui-nav-item serach">
        <a href="javascript:;">
          <img src="images/serach.jpg">
        </a>
      </li> -->
      <li class="layui-nav-item mess">
        <a href="javascript:;">
          <img src="images/mess.jpg">
        </a>
      </li>
      <li class="layui-nav-item">
        <a href="javascript:;" class="user">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
          <span class="username">JunieLuo.KK</span>
        </a>
        
      </li>
    </ul>
  </div>
  
  <div class="layui-side layui-bg-black">
    <a class="menu-btn" href="javascript:;"><i class="layui-icon layui-icon-spread-left" id="LAY_app_flexible"></i></a>
    <div class="layui-side-scroll">
      <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
      <ul class="layui-nav layui-nav-tree"  lay-filter="test">
        <!-- <li class="layui-nav-item layui-nav-itemed" ><a href="javascript:;">首页</a></li> -->
        <li class="layui-nav-item">
          <a href="javascript:;">业务管理</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">商品浏览</a>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">销售管理</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">订单管理</a></dd>
            <dd><a href="javascript:;">购物清单</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">客户通讯录</a>
          <dl class="layui-nav-child">
            <dd><a href="javascript:;">群主管理</a></dd>
            <dd><a href="javascript:;">添加用户</a></dd>
          </dl>
        </li>
        <li class="layui-nav-item">
          <a href="javascript:;">统计及报告</a>
        </li>
      </ul>
      <a href="javascript:;" class="layui-btn layui-btn1">退出</a>
    </div>
  </div>
  
  <div class="layui-body">
    <div class="body-main">
      <div class="table-head">
        <div class="table-title">新增用户群组</div>
        <a href="javascript:;" class="more-group">更多群组</a>
      </div>
      <div class="table-box">
        <table class="layui-table layui-table-1">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>ID</th>
              <th>公司名称</th>
              <th>姓名</th>
              <th>国家</th>
              <th>创建时间</th>
              <th></th>
            </tr> 
          </thead>
          <tbody>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div class="body-main">
      <div class="table-head">
        <div class="table-title">新增采购单</div>
        <a href="javascript:;" class="more-group">更多订单</a>
      </div>
      <div class="table-box">
        <table class="layui-table layui-table-1">
          <colgroup>
            <col width="150">
            <col width="200">
            <col>
          </colgroup>
          <thead>
            <tr>
              <th>Num</th>
              <th>公司名称</th>
              <th>订单数量</th>
              <th>款项总额</th>
              <th>创建时间</th>
              <th></th>
            </tr> 
          </thead>
          <tbody>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
            <tr>
              <td>005859</td>
              <td>广东富骏金控股权投资有限公司</td>
              <td>范佳昱</td>
              <td>18102239823</td>
              <td>2019-09-06 14:14:38</td>
              <td>
                <a href="javascript:;" class="lookup">查看</a>  
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  
</div>

<script src="./layui/layui.js"></script>
<script>

$(document).on('click','.menu-btn',function(){
  if($(this).find('i').hasClass('layui-icon-shrink-right')){
    $(this).find('i').removeClass('layui-icon-shrink-right');
    $(this).find('i').addClass('layui-icon-spread-left');
    $('.layui-layout-admin .layui-side').animate({
      width:"0"
    },200);

    $('.layui-layout-admin .layui-logo').animate({
      width:"0"
    },200);

    $('.menu-btn').animate({
      left:"10"
    },200);
    $('.layui-layout-admin .layui-body').animate({
      left:"0"
    },200);
  }else{
    $(this).find('i').removeClass('layui-icon-spread-left');
    $(this).find('i').addClass('layui-icon-shrink-right');
    $('.layui-layout-admin .layui-side').animate({
      width:"200px"
    },200);

    $('.layui-layout-admin .layui-logo').animate({
      width:"200px"
    },200);

    $('.menu-btn').animate({
      left:"200px"
    },200);
    $('.layui-layout-admin .layui-body').animate({
      left:"200px"
    },200);
  }
})
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;
  
});

//Demo
layui.use('form', function(){
  var form = layui.form;  
});
/*
layui.use('layer', function(){
  var layer = layui.layer;
  
  layer.open({
    type: 1,
    title : '',
    skin: 'layui-layer-demo', //样式类名
    area: ['50%', '10%'],
    closeBtn: 0, //不显示关闭按钮
    anim: 2,
    shadeClose: true, //开启遮罩关闭
    content: $('.saaa')
  });
});    

*/

</script>
</body>
</html>